import { useState } from 'react'
import {Route,Routes,Link} from 'react-router-dom'
import Home from './Home.jsx'
import About from './About.jsx'

function App() {
  return (
    <div className="App">
      <nav>
        <Link to="/Home">首页</Link>
        <Link to="/about">关于</Link>
      </nav>
    {/* 路由的配置 */}
    <Routes>
      <Route path='/Home' element={<Home/>} />
      <Route path='/About' element={<About/>} />
        {/* 关于
            首页
            详情页 
        */}
    </Routes>
    </div>
  )
}

export default App
